<template>
    <div>
      <div id="app">
        <vue-particles
          class="bgstyle"
          color="#ffffff"
          :particleOpacity="0.8"
          :particlesNumber="70"
          shapeType="circle"
          :particleSize="4"
          linesColor="#ffffff"
          :linesWidth="1.2"
          :lineLinked="true"
          :lineOpacity="0.4"
          :linesDistance="150"
          :moveSpeed="3"
          :hoverEffect="true"
          hoverMode="grab"
          :clickEffect="true"
          clickMode="push"
        >
        </vue-particles>
      </div>
    </div>
  </template>
  
  <script>
  export default {
  
  }
  </script>
  
  <style lang="less" scoped>
  .bgstyle {
    position: fixed;
    z-index: -1;
    width: 100vw;
    margin-left: -2vw;
    height: 100vh;
    background: #dddddd;
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
  }
  
  </style>